<section class="section" [ngStyle]="tagData.cssStyle|styleFilter">
  <div class="titleBox" *ngIf="!tagData.data?.footDiv?.methodBox?.showTitleBox"
    [ngStyle]="tagData.data?.footDiv?.methodBox?.titleBoxCssStyle|styleFilter">
    <span class="titleBoxleft" [ngStyle]="tagData.data?.footDiv?.methodBox?.titleBoxleftBoxCssStyle|styleFilter">
    </span>
    <span class="titleBoxTitle" [ngStyle]="tagData.data?.footDiv?.methodBox?.topTitleCssStyle|styleFilter">
      {{tagData.data?.footDiv?.methodBox?.topTitle}}</span>
    <div class="closeBox" appDebounceClick (debounceClick)="closeModal()"
      [ngStyle]="tagData.data?.footDiv?.methodBox?.titleCloseBoxCssStyle|styleFilter">
      <img class="closeIcon" [src]="tagData.data?.footDiv?.methodBox?.titleCloseIcon"
        onerror="this.src='assets/fw/close.png'"
        [ngStyle]="tagData.data?.footDiv?.methodBox?.titleCloseIconCssStyle|styleFilter" />
    </div>
  </div>

  <div class="topDiv" [ngStyle]="tagData.data?.footDiv?.methodBox?.topDivBoxCssStyle|styleFilter">
    <div [ngStyle]="tagData.data?.footDiv?.methodBox?.specialIconBoxCssStyle|styleFilter">
      <span class="title" *ngIf="tagData.data?.footDiv?.methodBox?.specialIconLabel"
        [ngStyle]="tagData.data?.footDiv?.methodBox?.specialIconLabelCssStyle|styleFilter">{{tagData.data?.footDiv?.methodBox?.specialIconLabel}}</span>
      <img id="specilIcon" src="assets/img/375x250@2x.png" onerror="this.src='assets/img/375x250@2x.png'" class="topImg"
        [ngStyle]="tagData.data?.footDiv?.methodBox?.specilIconBoxCssStyle|styleFilter" />
    </div>
    <div class="topRight" [ngStyle]="tagData.data?.footDiv?.methodBox?.topRightBoxCssStyle|styleFilter">
      <div class="closeBox" appDebounceClick (debounceClick)="closeModal()"
        *ngIf="!tagData.data?.footDiv?.methodBox?.hideTopCloseIcon"
        [ngStyle]="tagData.data?.footDiv?.methodBox?.closeBoxCssStyle|styleFilter">
        <img src="assets/fw/close.png" class="closeIcon"
          [ngStyle]="tagData.data?.footDiv?.methodBox?.closeIconCssStyle|styleFilter" />
      </div>
      <p *ngIf="currentMoney!==0"><span class="unit"
          [ngStyle]="tagData.data?.footDiv?.methodBox?.currentUnitCssStyle|styleFilter">￥</span><span class="countMoney"
          [ngStyle]="tagData.data?.footDiv?.methodBox?.currentMoneyCssStyle|styleFilter">{{currentMoney}}</span></p>
      <p *ngIf="orginalMoney!==0">


        <span class="originalUnit" *ngIf="orginalMoney"
          [ngStyle]="tagData.data?.footDiv?.methodBox?.originalUnitCssStyle|styleFilter">
          <!--  img tag  -->
          <span class="title" *ngIf="tagData.data?.footDiv?.methodBox?.originalUnitLabel"
            [ngStyle]="tagData.data?.footDiv?.methodBox?.originalUnitLabelCssStyle|styleFilter">
            <img src="{{tagData.data?.footDiv?.methodBox?.originalUnitLeftIcon}}"
              onerror="this.src='assets/icon/release_icon_location_lj@3x.png'" class="secondRowLeftLabelIcon"
              *ngIf="tagData.data?.footDiv?.methodBox?.originalUnitLeftIcon"
              [ngStyle]="tagData.data?.footDiv?.methodBox?.originalUnitLeftIconCssStyle|styleFilter" />
            {{tagData.data?.footDiv?.methodBox?.originalUnitLabel}}</span>
          <span [ngStyle]="tagData.data?.footDiv?.methodBox?.originalUnitStrCssStyle|styleFilter">￥</span>
        </span>

        <span class="originalMoney" [ngStyle]="tagData.data?.footDiv?.methodBox?.orginalMoneyCssStyle|styleFilter">
          <img src="{{tagData.data?.footDiv?.methodBox?.originalUnitLeftIcon1}}"
            onerror="this.src='assets/icon/release_icon_location_lj@3x.png'" class="secondRowLeftLabelIcon"
            *ngIf="tagData.data?.footDiv?.methodBox?.originalUnitLeftIcon1"
            [ngStyle]="tagData.data?.footDiv?.methodBox?.originalUnitLeftIcon1CssStyle|styleFilter" />
          {{orginalMoney}}</span>
      </p>
      <div *ngIf="tagData.data?.footDiv?.methodBox?.personalFeeLabel1"
        [ngStyle]="tagData.data?.footDiv?.methodBox?.personalFeeBoxCssStyle|styleFilter">
        <span *ngIf="tagData.data?.footDiv?.methodBox?.personalFeeLabel1"
          [innerHTML]="tagData.data?.footDiv?.methodBox?.personalFeeLabel1 | parseStyle"> </span>
        <span *ngIf="tagData.data?.footDiv?.methodBox?.personalFeeLabel2"
          [innerHTML]="tagData.data?.footDiv?.methodBox?.personalFeeLabel2 | parseStyle"> </span>
      </div>
      <p *ngIf="economicalMoney && economicalMoney!==0"
        [ngStyle]="tagData.data?.footDiv?.methodBox?.economicalLabelCssStyle|styleFilter">
        {{tagData.data?.footDiv?.methodBox?.economicalLabel}}￥{{economicalMoney}}</p>
    </div>
  </div>
  <div class="moreSpeci" [ngStyle]="tagData.data?.footDiv?.methodBox?.moreSpeciBoxCssStyle|styleFilter">
    <p class="speciTitle" *ngIf="tagData.data?.data.length>0"
      [ngStyle]="tagData.data?.footDiv?.methodBox?.speciTitleBoxCssStyle|styleFilter">更多规格</p>
    <div class="detailBox 1" [ngStyle]="tagData.data?.footDiv?.methodBox?.detailBoxCssStyle|styleFilter">
      <ng-container *ngFor="let t of tagData.data?.data;let idx = index;">
        <ng-container *ngIf="t.firstRowLeft?.selected===true; else unSelectedSpanTemplate">
          <span id="spanSpeci{{idx}}" class="spanBtnCheck" *ngIf="t.firstRowLeft?.firstText?.label"
            [ngStyle]="t.firstRowLeft?.firstText?.cssStyle|styleFilter" appDebounceClick
            (debounceClick)="selectSpeci(idx,tagData.data.data,t)">
            {{t.firstRowLeft.firstText.label}}
          </span>
        </ng-container>
        <ng-template #unSelectedSpanTemplate>
          <span id="spanSpeci{{idx}}"
            [ngClass]="{'spanBtnUnDisable': t.firstRowLeft?.firstText?.cssStyle.includes('pointer-events: none'),'spanBtnUnCheck':!t.firstRowLeft?.firstText?.cssStyle.includes('pointer-events: none')}"
            [ngStyle]="t.firstRowLeft?.firstText?.cssStyle|styleFilter" appDebounceClick
            (debounceClick)="selectSpeci(idx,tagData.data.data,t)">
            {{t.firstRowLeft.firstText.label}}
          </span>
        </ng-template>
      </ng-container>
    </div>
  </div>
  <div class="moreSpeci mtop" *ngIf="tagData.data?.footDiv?.methods"
    [ngStyle]="tagData.data?.footDiv?.methodBox?.boxCssStyle|styleFilter">
    <p class="speciTitle" *ngIf="tagData.data?.footDiv?.methods"
      [ngStyle]="tagData.data?.footDiv?.methodBox?.titleCssStyle|styleFilter">
      {{tagData.data?.footDiv?.methodBox?.title}}
    </p>
    <div class="detailBox 2" [ngStyle]="tagData.data?.footDiv?.methodBox?.detailBoxCssStyle|styleFilter">
      <ng-container *ngFor="let t2 of tagData.data?.footDiv?.methods;let idx2 = index;">
        <span id="spanMethod{{idx2}}" class="methodSpan" [ngClass]="{'spanBtnCheck': t2?.selected===true}"
          [ngStyle]="t2?.labelCssStyle|styleFilter" appDebounceClick
          (debounceClick)="selectMethod(idx2,tagData.data?.footDiv?.methods)">
          {{t2?.label}}
        </span>
      </ng-container>
    </div>
  </div>
  <div class="buyCount" *ngIf="tagData.data?.footDiv?.methodBox?.hiddenSubBtn===undefined"
    [ngStyle]="tagData.data?.footDiv?.number?.cssStyle|styleFilter">
    <span class="countTitle" [ngStyle]="tagData.data?.footDiv?.number?.firstText?.cssStyle|styleFilter">
      {{tagData.data.footDiv.number?.firstText?.label}}
      <span class="subTitle" *ngIf="tagData.data?.footDiv?.number?.firstText?.label1"
        [ngStyle]="tagData.data?.footDiv?.number?.firstText?.label1CssStyle|styleFilter">{{tagData.data.footDiv.number?.firstText?.label1}}</span>
    </span>
    <div class="subBox" [ngStyle]="tagData.data?.footDiv?.number?.firstText?.subBoxCssStyle|styleFilter">
      <ng-container *ngIf="disableSub">
        <img src="assets/fw/sub_gray.png" alt="" class="sub">
      </ng-container>
      <ng-container *ngIf="!disableSub">
        <img onerror="this.src='assets/fw/sub_black.png'" src="assets/fw/sub_black.png" alt="" class="sub"
          appDebounceClick (debounceClick)="sub($event,0)">
      </ng-container>
      <ion-input class="num" type="number" onkeyup="value=value.replace(/[^0-9]/g,'').replace(/\./g,'')"
        onafterpaste="if((value===''))execCommand('undo')" [disabled]="isNumberInputDisabled"
        [ngStyle]="tagData.data?.footDiv?.number?.firstText?.inputCssStyle|styleFilter"
        onKeypress="return(/[\d]/.test(String.fromCharCode(event.keyCode)))" (ionChange)="changeValue($event)"
        (ionBlur)="inputValue($event)" [(ngModel)]="postNumber"></ion-input>

      <ng-container *ngIf="disableAdd">
        <img onerror="this.src='assets/fw/add_gray.png'" src="assets/fw/add_gray.png" alt="" class="add">
      </ng-container>
      <ng-container *ngIf="!disableAdd">
        <img onerror="this.src='assets/fw/add_black.png'"
          src="https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1662707825318d6b3621cd3c658bc9f3091c2e5a85a7e.png"
          alt="" class="add" appDebounceClick (debounceClick)="sub($event,1)">
      </ng-container>
    </div>
  </div>
  <button class="footerBtn" *ngIf="tagData.data?.footDiv?.submitButtonAuto1 === undefined"
    [ngStyle]="tagData.data?.footDiv?.methodBox?.footDivCssStyle|styleFilter" appDebounceClick
    (debounceClick)="postData()">{{footBtnLabel}}</button>

  <!--2024.04.03  加入购物车 和 立即购买 两个按钮并列-->
  <div class="new-footerBottn" *ngIf="tagData.data?.footDiv?.submitButtonAuto1"
    [ngStyle]="tagData.data?.footDiv?.methodBox?.footDivCssStyle|styleFilter">
    <div [ngStyle]="tagData.data.footDiv.submitButtonAuto1.cssStyle |styleFilter" appDebounceClick
      (debounceClick)="postData(tagData.data?.footDiv?.submitButtonAuto1)" class="new-footerBtn footerBtn-left">
      {{tagData.data.footDiv.submitButtonAuto1.submit?.label}}</div>

    <ng-container *ngIf="showCheckDeliveryAmountBtn; else elseCheckDeliveryBtnTemplate">
      <div [ngStyle]="checkDeliveryAmountBtnCssStyle |styleFilter" disable="true"
        class="new-footerBtn footerBtn-right checkDeliveryAmountBtn">
        {{checkDeliveryAmountBtnLabel}}</div>
    </ng-container>
    <ng-template #elseCheckDeliveryBtnTemplate>
      <div [ngStyle]="tagData.data.footDiv.submitButtonAuto2.cssStyle |styleFilter" appDebounceClick
        (debounceClick)="postData(tagData.data?.footDiv?.submitButtonAuto2)" class="new-footerBtn footerBtn-right">
        {{tagData.data.footDiv.submitButtonAuto2.submit?.label}}</div>
    </ng-template>



  </div>

</section>